<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
    
	<!-- STYLES -->
	<link rel="stylesheet" type="text/css" media="screen" href="css/superfish.css" />
  	<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
  	<link rel="stylesheet" type="text/css" media="screen" href="css/style.css" />		
    
    <!-- jQUERY LIBRARY -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    
    <!-- PLUGINS -->
	<script type="text/javascript" src="js/superfish.js"></script>
    <script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
    <!-- CUSTOM -->
    <script type="text/javascript" src="js/custom.js"></script>
    
    <!-- INITIALISE PLUGINS -->
    <script type="text/javascript">
		// superfish menu
		jQuery(function(){
			jQuery('ul.sf-menu').superfish();

			jQuery('#slider').nivoSlider();
		});
    </script>
    
        
</head>


<body>

<!-- BG WRAPPER -->
<div id="bg">
	
    <!-- ANOTHER WRAPPER -->
	<div id="wrapper">
	
    	<!-- HEADER -->
		<div id="header" class="clearfix">
        
        	<!-- TOP SECTION START -->
        	<div class="clearfix">
            
            	<!-- FLAGS -->
                <div id="zastave"><a href="" id="english"></a><a href="" id="mne"></a></div>
                
                <!-- LOGO -->
                <div id="logo">
                    <a href="#"><img src="images/logo.png" alt="" /></a>
                </div>
                
                <!-- SEARCH -->
                <div id="search">
                    <form action="">
                        <input size="34" type="text" value="search" onfocus="this.value = this.value=='search'?'':this.value;" onblur="this.value = this.value==''?'search':this.value;" />
                    </form>
                </div>
                
                <!-- LINKS, SUPERFISH MENU -->
                <div id="links">
                	<ul class="sf-menu">
                		<li><a id="links_bg" href="">Links</a>
                    		<ul>
                    			<li><a href="">Menu Item 1</a></li>
                    			<li><a href="">Menu Item 2</a></li>
              		      		<li><a href="">Menu Item 3</a></li>
                    			<li><a href="">Menu Item 4</a></li>
                    			<li><a href="">Menu Item 5</a></li>
                  			</ul>
                  		</li>
                	</ul>
				</div>
                
			</div><!-- END TOP SECTION -->
                
            <!-- MAIN MENU -->
            <div id="menu">
                <ul>
                    <li><a href="">About Plav</a></li>
                    <li><a href="">Region</a></li>
                    <li><a href="">Transport</a></li>
                    <li><a href="">Turism</a></li>
                    <li><a href="">Galerija</a></li>
                    <li class="last"><a href="">Contact</a></li>
                </ul>
            </div>
        
	    </div><!-- END HEADER -->
        
        
    <!-- BACKGROUND FIX -->
    <div id="bg_fix">
    
    	<!-- SLIDER -->
        
        <div>
        
	    	<div id="toggle">
	           	<div>	
	       		   	<p>smanji heder</p><img src="images/arrow.png" alt="" />
	        	</div>
	        </div>
        
			<div id="slider_panel">    
	            <div class="slider-wrapper theme-default">
	                <div id="slider" class="nivoSlider">
	                    <a href=""><img src="images/toystory.jpg" alt="" /></a>
	                    <a href=""><img src="images/up.jpg" alt="" /></a>
	                    <a href=""><img src="images/walle.jpg" alt="" /></a>
	                    <a href=""><img src="images/nemo.jpg" alt="" /></a>
	                </div>
	            </div>
	        </div>
            
        	<div class="clear"></div>
		
        </div>
        
        <!-- BLOCKS -->
   		<div id="blocks" class="clearfix">
        
        	<!-- NEWS BLOCK -->
        	<div id="news" class="floatleft">
              	<div class="block_wrapper">
              		<div class="block_header">
              			<h2 class="heading-icons sheet-icon">News</h2>
              		</div>
                    <div class="block_content">
                    	<a href="#"><img src="images/news_image.jpg" alt="" /></a>
                    	<h2><a>Quisque feugiat, lectus vitae<br/>dictum posuere, velit eros</a></h2>
                    	<p>Aenean vulputate accumsan tortor, eget iaculis purus... <a href="">more <span class="link-arrow blue-la">&nbsp;</span></a></p>
                    </div>
              	</div>
        	</div>
        
        	<!-- GALLERY BLOCK -->
        	<div id="gallery" class="floatleft clearfix">
            	
                <div class="photo">
                    <h2 class="heading-icons photo-icon-active">Photo</h2>
                </div>
                <div class="video non_active">
                    <h2 class="heading-icons video-icon">Video</h2>
                </div>
                <!-- PHOTO GALLERY -->
                <div class="photo_gallery">       
                  <div class="block_wrapper">
                      <div class="block_content">
							<ul>
	                            <li><a href=""><img src="images/gallery1.jpg" alt="" /></a></li>
	                            <li class="li-right"><a href=""><img src="images/gallery2.jpg" alt="" /></a></li>
	                            <li class="li-bottom"><a href=""><img src="images/gallery3.jpg" alt="" /></a></li>
	                            <li class="li-right li-bottom"><a href=""><img src="images/gallery4.jpg" alt="" /></a></li>
                            </ul>
                          	<h2><a>Look at our photo galery <span class="link-arrow yellow-la">&nbsp;</span></a></h2>
                      </div>
                  </div>
                </div>
                
                <!-- VIDEO GALLERY -->
                <div class="video_gallery">
                	<div class="block_wrapper">
                	    <div class="block_content">
                	        <h2><a>Look at our video galery <span class="link-arrow yellow-la">&nbsp;</span></a></h2>
                	    </div>
                	</div>
                </div>
                
            </div>
        
        	<!-- WEATHER BLOCK -->
       	 	<div id="weather" class="floatright">
        		<div class="block_wrapper">
        			<div class="block_header">
        				<h2 class="heading-icons weather-icon">Weather</h2>
        			</div>
                    
                    <ul class="clearfix">
                    	<li class="li-left">
                        	<a href=""><img src="images/sunny.jpg" alt="" /></a>
                            <p>Sunny Intervals</p>
                        </li>
                    	<li>
                        	<a href=""><img src="images/sunny.jpg" alt="" /></a>
                            <p>Sunny Intervals</p>
                        </li>
                        <li class="li-right">
                        	<a href=""><img src="images/cloudy.jpg" alt="" /></a>
                            <p>Cloudy</p>
                        </li>
                        
                        <li class="li-left li-bottom">
                        	Max: 15°C<br/>Min: 7°C
                        </li>
                        <li class="li-bottom">
                        	Max: 15°C<br/>Min: 6°C
                        </li>
                        <li class="li-right li-bottom">
                        	Max: 13°C<br/>Min: 4°C
                        </li>
                    </ul>
                    
                    <div class="block_content">
                    	<h2><a>Check out the weather <span class="link-arrow green-la">&nbsp;</span></a></h2>
        			</div>
                </div>
        	</div> <!-- WEATHER BLOCK END -->
        
        </div> <!-- BLOCKS END -->
        
        <!-- FOOTER -->
		<div id="footer" class="clearfix">
          	<div class="floatleft">Copyrights by  <a href="www.some-name.me">www.some-name.com</a>  All Rights reserved</div>
          	<div class="floatright">design by - <a href="bild-studio.com">bild studio</a></div>
        </div>
        
	</div> <!-- BACKGROUND FIX END -->
</div><!-- WRAPPER END -->
	
</div> <!-- BG WRAPPER END -->
</body>
</html>